import { defineComponent } from "vue";

export default defineComponent({
    name: 'Test',
    props: {
       test: {
         type: Number,
       }
    }, 
    setup(props, { slots, expose,  attrs}) {
        console.log('props: ', props)
        console.log('attrs:', attrs)
        
        function sayFuck() {
            alert('fuck you')
        }

        expose({
            sayFuck: sayFuck,
        })
        
        return () => (
            <div style={{ color:"red"}} onClick={() => alert('123')}> 
                <b>{ slots.before && slots.before() }</b>
                Hello Test, { slots.default && slots.default()}
            </div>
        )
    }
})